<template>
  <div class="swiper">
    <el-carousel indicator-position="outside">
      <el-carousel-item
        v-for="(item, index) in swiperList"
        :key="'swiper' + index"
      >
        <img :src="item.imageUrl" alt="PIC" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
import banners from '../mockdatas/banner'
import ban from '../mockdatas/banner'
export default {
  data() {
    return {
      swiperList: ban,
    };
  },
  // async created() {
  //   let res = await this.$axios.get("/banner");
  //   this.swiperList = res.banners;
  //   this.swiperList = banners;
  // },
  // methods: {
  //   open() {
  //     this.$alert("这是一段内容", "标题名称", {
  //       confirmButtonText: "确定",
  //       callback: (action) => {
  //         this.$message({
  //           type: "info",
  //           message: `action: ${action}`,
  //         });
  //       },
  //     });
  //   },
  // },
};
</script>

<style>
</style>